<!DOCTYPE html>
<html lang="en">

  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>点名</title>
    <link rel="stylesheet" href="css/style.css">
  </head>

  <body>


    <div class="container">


      <div class="content">
        <img src="img/title.jpg" alt="" width="120">
        <p class="title">
          【<span id="targetName">开始点名啦</span>】
        </p>
        <img id="targetHead" class="nobody" src="img/head/bg.jpg" alt="">
      </div>

      <div class="btn-group">
        <button class="btn" id="btn-begin">
          开始
        </button>
        <!-- <button class="btn" id="btn-end">
                结束
        </button> -->
      </div>

      <ul id="list" class="list clearfix">
        <li>
          <div class="head-img"><img src="img/head/bg3.jpg" alt=""></div>
          <p>姓名</p>
          <!-- <div class="cover"></div> -->
        </li>

      </ul>
      <audio id="test" src="./js/6666.mp3"></audio>
    </div>


  </body>
  <script src="js/data.js"></script>
  <script src="js/main.js"></script>

</html>
